<!DOCTYPE html>
<html lang="zh-cn">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="Cache-Control" content="no-cache, must-revalidate">
<!-- 新 Bootstrap 核心 CSS 文件 
jQuery文件。务必在bootstrap.min.js 之前引入
 最新的 Bootstrap 核心 JavaScript 文件 -->
<link rel="stylesheet" href="./js/bootstrap_3.3.5/css/bootstrap.css">
<script src="./js/jquery_1.11/jquery-1.11.3.min.js"></script>
<script src="./js/bootstrap_3.3.5/js/bootstrap.js"></script>
<!-- ztree  -->
<link href="./js/ztree/css/zTreeStyle/zTreeStyle.css" rel="stylesheet">
<script src="./js/ztree/js/jquery.ztree.all-3.5.js"></script>



<!-- highcharts  -->
<script src="./js/highcharts/highcharts.src.js"></script>

<!-- md5  -->
<script type="text/ecmascript" src="./js/md5/md5.js"></script>

<!-- alert  -->
<link href="./js/select/select.css" rel="stylesheet">


</head>
<body>



	<div class="container-fluid" style="margin-top: 10px;">

		<div id="scpu"></div>
	</div>

	<script>
	//chart: {type: 'spline', height:300},
	var project = "/dt";
	 $.ajax({
			type : "POST",
			url : project + "/api/zb/queryResourceByCpu.do",
			data : {
				 
			},
			dataType : 'json',
			success : function(res) {
				 if(res.success){
					
						var option={
								global: { 　useUTC: false} ,  
							    chart: {type: 'area', height:300},
							    credits: {enabled:false},
							    title: {text: ''},
							    subtitle: { text: ''},
							    xAxis: {
							        type: 'datetime',
							        title: {text: null}
							    },
							    yAxis: {
							        title: {text: ''},
							        min: 0
							    },
							    tooltip: {
							        valueDecimals: 2
							    },
							 
						   plotOptions: {
							        spline: {
							            lineWidth: 1,
							            states: {hover: {lineWidth: 1}},
							            marker: { enabled: false} 
							        }
							    },  
							    series:  res.data.seriesdata
							  };
						 Highcharts.setOptions({ global: { useUTC: false } }); 
						$('#scpu').highcharts(option);
						
						
					 
					 
				 }else{
					 alert("取数失败!");
				 }
			}
		});
	 
	 

 
 </script>


</body>
</html>